.header {
    height: 36px;
    margin: 0;
    background: #303035;
    box-shadow: 0 1px 0 0 #e4e6f0
}

.top {
    width: 1150px;
    font-size: 12px;
    line-height: 36px;
    margin: 0 auto
}

.top, .top a {
    color: #9399a5
}

.top .top__item {
    margin-right: 30px;
    position: relative;
    z-index: 11
}

.top .top__item.cur, .top .top__item:hover {
    color: #101d37
}

.top .top__aside {
    color: #9399a5
}

.top .top__aside.cur, .top .top__aside:hover {
    color: #101d37
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loninContaner {
    position: relative;
    z-index: 1008
}

.loninContaner .y_name {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/img/new-version/bg.png?v=1623729247335) no-repeat -678px -23px;
    display: inline-block;
    width: 255px;
    height: 50px
}

.loninContaner .overlay_bg {
    width: 100%;
    height: 100%;
    background-color: #101d37;
    opacity: .6;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 1003
}

.loninContaner .registered {
    width: 380px;
    text-align: right;
    color: #9399a5;
    padding: 10px 0 25px;
    margin-top: 5px
}

.loninContaner .registered a {
    color: #3072f6
}

.loninContaner .close_login {
    cursor: pointer;
    position: absolute;
    right: -50px;
    top: -25px;
    width: 20px;
    height: 20px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/whiteClose@2x.png?v=1623729247335) no-repeat;
    background-size: 20px 20px
}

.loninContaner .pass_word_login, .loninContaner .qr_code_login {
    cursor: pointer;
    position: fixed;
    right: 50%;
    top: 50%;
    transform: translate(175px, -190px);
    width: 107px;
    height: 40px;
    z-index: 10001;
    display: none
}

.loninContaner .code_user_single {
    transform: translate(192px, -190px)
}

.loninContaner .qr_code_login .left-text-info {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/qrLogin@2x.png?v=1623729247335) no-repeat
}

.loninContaner .qr_code_login .right-img-info {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/qrCode@2x.png?v=1623729247335) no-repeat
}

.loninContaner .pass_word_login .left-text-info {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/codeLogin@2x.png?v=1623729247335) no-repeat
}

.loninContaner .pass_word_login .right-img-info {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/computer@2x.png?v=1623729247335) no-repeat
}

.loninContaner .pass_word_login .left-text-info, .loninContaner .qr_code_login .left-text-info {
    width: 57px;
    height: 25px;
    background-size: 57px 25px;
    cursor: pointer;
    float: left
}

.loninContaner .pass_word_login .right-img-info, .loninContaner .qr_code_login .right-img-info {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    cursor: pointer;
    float: right
}

.loninContaner .panel_login {
    width: 340px;
    height: auto;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -190px;
    margin-top: -205px;
    padding-left: 40px;
    box-shadow: 1px 3px 14px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 3px 14px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 1px 3px 14px rgba(0, 0, 0, .3);
    -o-box-shadow: 1px 3px 14px rgba(0, 0, 0, .3);
    display: none;
    z-index: 10000;
    border-radius: 2px
}

.loninContaner .panel_qr_login {
    width: 400px;
    padding-left: 0;
    padding-bottom: 30px
}

.loninContaner .panel_login.panel_success {
    width: 380px;
    height: 125px;
    padding-left: 0;
    text-align: center;
    padding-top: 57px;
    display: block;
    border-radius: 2px;
    font-weight: 700;
    font-size: 18px
}

.loninContaner .panel_login.panel_success i {
    position: absolute;
    top: 8px;
    right: 10px;
    line-height: 25px;
    cursor: pointer
}

.loninContaner .panel_login.panel_success .tologin {
    cursor: pointer
}

.loninContaner .panel_login.panel_success > div {
    font-weight: lighter;
    font-size: 14px;
    margin-top: 20px
}

.loninContaner .panel_login.panel_success > div a {
    color: #3072f6;
    text-decoration: none
}

.loninContaner .panel_login.panel_success > div a:hover {
    text-decoration: underline
}

.loninContaner .panel_login .panel_info {
    padding-top: 40px;
    width: 300px
}

.loninContaner .panel_login .panel_qr_info {
    padding-top: 50px;
    width: 400px
}

.loninContaner .panel_login .panel_info .panel-content {
    text-align: center
}

.loninContaner .panel_login .panel_info .panel-content .beike_img_logo, .loninContaner .panel_login .panel_info .panel-content .img_logo {
    width: 120px;
    height: 42px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/beikeLogo@2x.png?v=1623729247335) no-repeat;
    background-size: 120px 42px;
    margin: 10px auto 20px
}

.loninContaner .panel_login .panel_info .panel-content .success_img_logo {
    width: 100px;
    height: 100px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/icon_success@2x.png?v=1623729247335) no-repeat;
    background-size: 100px 100px;
    margin: 10px auto 26px
}

.loninContaner .panel_login .panel_info .panel-content .qr_code_img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    display: block
}

.loninContaner .panel_login .panel_info .panel-content .user_info_entry {
    margin: 26px auto 20px;
    color: #3072f6;
    font-size: 16px;
    font-family: PingFangSC-Medium;
    line-height: 20px;
    text-decoration: underline;
    -webkit-text-decoration-color: #3072f6;
    text-decoration-color: #3072f6;
    display: inline-block
}

.loninContaner .panel_login .panel_info .panel-content .user_info_text {
    margin: -10px auto 20px;
    font-size: 10px;
    color: #9399a5;
    letter-spacing: 0;
    line-height: 12px
}

.loninContaner .panel_login .panel_info .panel-content .success_user_info_text {
    margin: 0 auto 6px;
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #222;
    line-height: 33px
}

.loninContaner .panel_login .panel_info .panel-content .success_agent_phone {
    margin: 0 auto 61px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #969ca8
}

.loninContaner .panel_login .panel_info .panel-content .user_info_success_btn {
    width: 350px;
    height: 59px;
    background: #3072f6;
    border-radius: 2px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    cursor: pointer
}

.loninContaner .panel_login .panel_info .panel-content .user_info_form {
    width: 250px;
    margin: 0 auto;
    position: relative
}

.loninContaner .panel_login .panel_info .panel-content .user_info_form .show-error {
    position: absolute;
    top: 100%;
    padding: 0;
    font-size: 12px
}

.loninContaner .panel_login .panel_info .panel-content .user_info_form .form_item {
    width: 100%;
    height: 35px;
    margin-bottom: 15px;
    font-size: 11px;
    line-height: 11px;
    border: 1px solid #9399a5;
    border-radius: 2.5px;
    padding-left: 10px;
    box-sizing: border-box
}

.loninContaner .panel_login .panel_info .panel-content .user_info_bottom {
    width: 250px;
    font-size: 14px;
    position: relative;
    margin: 0 auto
}

.loninContaner .panel_login .panel_info .panel-content .user_info_bottom .user_info_btn {
    display: block;
    width: 100%;
    height: 35px;
    margin: 33px auto 15px;
    background: #3072f6;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    border: 0;
    border-radius: 2.5px;
    box-sizing: border-box
}

.loninContaner .panel_login .panel_info .panel-content .user_info_radio {
    position: absolute;
    opacity: 0;
    margin-right: 6px
}

.loninContaner .panel_login .panel_info .panel-content .user_info_bottom label {
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/agree-none.png?v=1623729247335) no-repeat;
    background-size: 15px 15px;
    cursor: pointer
}

.loninContaner .panel_login .panel_info .panel-content .user_info_bottom label:before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px
}

.loninContaner .panel_login .panel_info .panel-content .user_info_bottom input:checked + label {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/agree.png?v=1623729247335) no-repeat;
    background-size: 15px 15px;
    border: 0
}

.loninContaner .panel_login .panel_info .panel-content .user_info_bottom .user_info_agree {
    color: #9399a5;
    font-size: 13px;
    line-height: 17px;
    margin-left: 10px;
    display: inline-block
}

.loninContaner .panel_login .panel_info .panel-content .user_info_bottom .user_info_page {
    color: #3072f6;
    line-height: 18px;
    font-size: 13px
}

.loninContaner .panel_login .panel_info .panel-content .user_info_bottom .user_info_desc {
    font-size: 13px;
    color: #ced2d6;
    margin-top: 5px
}

.loninContaner .panel_login .panel_info .panel-content > p {
    color: #101d37;
    fon-size: 13px
}

.loninContaner .panel_login .panel_info .panel-content .bottom_text {
    color: #3072f6
}

.loninContaner .panel_login .panel_reg {
    background-color: #f8f8f9;
    height: 425px;
    width: 229px
}

.loninContaner .panel_login .panel_bg {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/img/new-version/sprite_lb.png?v=1623729247335) no-repeat 0 -101px;
    width: 209px;
    height: 69px;
    position: absolute;
    left: 0;
    bottom: 0
}

.loninContaner .panel_login .panel_tab .title {
    min-height: 20px;
    line-height: 20px;
    margin-bottom: 40px;
    padding-left: 0
}

.loninContaner .panel_login .panel_tab .title .fl {
    font-size: 20px;
    color: #101d37;
    font-weight: 700
}

.loninContaner .panel_login .panel_tab .title label {
    color: #9399a5;
    line-height: 28px;
    left: -20px
}

.loninContaner .panel_login .panel_tab .title label a {
    color: #3072f6
}

.loninContaner .panel_login .panel_tab span {
    font-size: 16px;
    color: #9399a5;
    width: 189px;
    display: block;
    text-align: center;
    height: 47px;
    line-height: 47px;
    border: 1px solid #e4e6f0;
    border-bottom-color: #d0d0d0;
    cursor: pointer;
    float: left;
    border-right: 0;
    border-radius: 4px
}

.loninContaner .panel_login .panel_tab span a {
    color: #9399a5;
    text-decoration: none
}

.loninContaner .panel_login .panel_tab span.checked {
    border: 1px solid #d0d0d0;
    border-bottom-color: #e4e6f0;
    color: #9399a5
}

.loninContaner .panel_login .panel_tab .send_verify_code_s, .loninContaner .panel_login .panel_tab .show-error {
    display: none;
    padding: 24px 0 0;
    height: 14px;
    line-height: 14px
}

.loninContaner .panel_login .panel_tab .send_verify_code_s dd, .loninContaner .panel_login .panel_tab .show-error dd {
    top: 0;
    display: block;
    color: #db4c3f
}

.loninContaner .panel_login .panel_tab .footer-link {
    padding: 24px 0 0;
    height: 14px;
    line-height: 14px
}

.loninContaner .panel_login .panel_tab .footer-link a {
    color: #3072f6;
    float: none
}

.loninContaner .panel_login .panel_tab li {
    color: #9399a5;
    clear: both;
    height: 50px;
    position: relative
}

.loninContaner .panel_login .panel_tab li .mind-login, .loninContaner .panel_login .panel_tab li .read-protocol {
    float: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0
}

.loninContaner .panel_login .panel_tab li.send_verify_code_s {
    margin-left: 7px;
    color: #db4c3f;
    height: 30px;
    line-height: 30px
}

.loninContaner .panel_login .panel_tab li.pwd, .loninContaner .panel_login .panel_tab li.userName {
    background: #fff
}

.loninContaner .panel_login .panel_tab li i {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/img/user/sprite_user.png?v=1623729247335) no-repeat;
    width: 14px;
    height: 19px;
    display: inline-block;
    float: left;
    margin-top: 6px;
    position: absolute;
    left: 15px;
    margin-right: 20px
}

.loninContaner .panel_login .panel_tab li.userName {
    padding: 0
}

.loninContaner .panel_login .panel_tab li.userName i {
    background-position: -113px 0
}

.loninContaner .panel_login .panel_tab li.pwd {
    padding: 0
}

.loninContaner .panel_login .panel_tab li.pwd i {
    background-position: -113px -25px
}

.loninContaner .panel_login .panel_tab li.checkVerimg {
    margin-top: -1px;
    padding: 0;
    border: 1px solid #dbdbdb
}

.loninContaner .panel_login .panel_tab li.checkVerimg i {
    margin: 0;
    top: 10px;
    background-position: -136px -25px
}

.loninContaner .panel_login .panel_tab li.checkVerimg .ver-img {
    width: 151px;
    line-height: 50px;
    height: 50px;
    float: left
}

.loninContaner .panel_login .panel_tab li.checkVerimg .verImg {
    float: right;
    height: 45px;
    width: 125px
}

.loninContaner .panel_login .panel_tab li.li_01 {
    height: 18px;
    line-height: 18px;
    padding: 24px 0
}

.loninContaner .panel_login .panel_tab li.li_01 label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: relative;
    margin-right: 6px
}

.loninContaner .active {
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/active.png?v=1623729247335);
    background-size: 12px 10px;
    background-position: 50%;
    background-repeat: no-repeat
}

.loninContaner .panel_login .panel_tab li.li_btn {
    padding: 0
}

.loninContaner .panel_login .panel_tab li input {
    padding: 0;
    border: 0
}

.loninContaner .panel_login .panel_tab li input.topSpecial {
    border-radius: 3px 3px 0 0
}

.loninContaner .panel_login .panel_tab li input.password {
    margin-bottom: 8px;
    padding-right: 10px;
    width: 242px;
    box-sizing: content-box
}

.loninContaner .panel_login .panel_tab li input.the_input:focus {
    outline: none;
    border-color: #dbdbdb;
    transition: all .3s ease-in-out
}

.loninContaner .panel_login .panel_tab li .the_input {
    width: 282px;
    height: 50px;
    line-height: 50px;
    color: #101d37;
    font-size: 14px;
    padding-left: 16px;
    outline: none
}

.loninContaner .panel_login .panel_tab li .the_input::-webkit-input-placeholder {
    color: #ced2d6
}

.loninContaner .panel_login .panel_tab li .the_input:-moz-placeholder, .loninContaner .panel_login .panel_tab li .the_input::-moz-placeholder {
    color: #ced2d6
}

.loninContaner .panel_login .panel_tab li .the_input:-ms-input-placeholder {
    color: #ced2d6
}

.loninContaner .panel_login .panel_tab li .y_validation {
    width: 210px;
    height: 39px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: #9399a5;
    padding-left: 15px
}

.loninContaner .panel_login .panel_tab li img {
    float: right;
    width: 85px;
    height: 41px
}

.loninContaner .panel_login .panel_tab li a {
    color: #101d37;
    float: right
}

.loninContaner .panel_login .panel_tab li a.voice_a {
    float: none;
    text-decoration: underline;
    color: #101d37;
    cursor: pointer
}

.loninContaner .panel_login .panel_tab .check01 {
    border: 0;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.loninContaner .panel_login .panel_tab .check01:focus {
    border: none
}

.loninContaner .panel_login .panel_tab .login-agent-btn, .loninContaner .panel_login .panel_tab .login-user-btn, .loninContaner .panel_login .panel_tab .login-user-tel-btn, .loninContaner .panel_login .panel_tab .modify-user-pswd, .loninContaner .panel_login .panel_tab .register-user-btn, .loninContaner .panel_login .panel_tab .user-forget {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    background: #3072f6;
    color: #fff;
    text-align: center;
    border-radius: 2px
}

.loninContaner .panel_login .panel_tab .login-agent-btn:hover, .loninContaner .panel_login .panel_tab .login-user-btn:hover, .loninContaner .panel_login .panel_tab .login-user-tel-btn:hover, .loninContaner .panel_login .panel_tab .modify-user-pswd:hover, .loninContaner .panel_login .panel_tab .register-user-btn:hover, .loninContaner .panel_login .panel_tab .user-forget:hover {
    background: #2b66dc;
    text-decoration: none
}

.loninContaner .panel_login .fr {
    position: relative
}

.loninContaner .panel_login .claseDialogBtn {
    background: url(https://s1.ljcdn.com/matrix_pc/dist/img/new-version/bg.png?v=1623729247335) no-repeat -955px -47px;
    display: inline-block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.loninContaner .panel_login .panel_tab li.y_error dd {
    color: #db4c3f;
    clear: both;
    display: block;
    position: relative;
    top: -10px
}

.loninContaner .panel_login .panel_tab li dd {
    display: none
}

.loninContaner .panel_login .panel_tab .dis {
    display: block
}

.loninContaner #con_login_agent, .loninContaner #dialog_tel, .loninContaner .panel_login .panel_tab .undis {
    display: none
}

.loninContaner .register_text_tel {
    color: #9399a5;
    padding: 40px 0 0;
    line-height: 1;
    font-size: 14px
}

.loninContaner .panel_login .panel_tab li .verifycode {
    width: 125px
}

.loninContaner .send_verify_code {
    line-height: 50px
}

.loninContaner .send_verify_code em {
    padding: 0 16px;
    border-left: 1px solid #dbdbdb
}

.loninContaner .send_verify_code_s {
    display: none;
    position: absolute;
    right: 6px;
    line-height: 50px
}

.loninContaner .panel_login .panel_tab li .disabled {
    color: #bbb;
    curser: default
}

.loninContaner .panel_login .panel_tab li .disabled:hover {
    text-decoration: none
}

.loninContaner .border-t {
    border: 1px solid #dbdbdb;
    border-radius: 2px 2px 0 0
}

.loninContaner .border-b, .loninContaner .border-c {
    border: 1px solid #dbdbdb;
    border-top: none
}

.loninContaner .border-b {
    border-radius: 0 0 2px 2px
}

.loninContaner .border-a {
    border: 1px solid #db4c3f
}

.loninContaner .border-red {
    margin-top: -1px;
    border: 1px solid #db4c3f !important;
    z-index: 2
}

.loninContaner .panel_login .panel_tab li .toprotocol {
    color: #3072f6;
    float: none
}

.loninContaner .con_forget_user_pw .li_btn, .loninContaner .con_forget_user_tel .li_btn {
    margin: 30px 0 0
}

.loninContaner .con_forget_user_pw {
    display: none
}

.loninContaner .panel_login .panel_tab li .password_reg {
    padding-right: 10px;
    width: 242px
}

.loninContaner .password-view {
    display: inline-block;
    width: 18px;
    height: 12px;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/view.png?v=1623729247335)
}

.loninContaner .panel_login .panel_tab li.drag {
    padding: 20px 0 0;
    height: 22px
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    80% {
        opacity: 1;
        transform: scale(1.05)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    80% {
        opacity: 1;
        transform: scale(1.05)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.sug-search {
    position: absolute;
    top: 59px;
    left: -1px;
    background: #fff;
    width: 568px;
    font-size: 14px;
    z-index: 999;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2)
}

.sug-search ol {
    cursor: default
}

.sug-search p {
    background: #f4f7f9;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 14px;
    color: #9399a5;
    line-height: 40px
}

.sug-search p span {
    color: #5680a6;
    text-decoration: underline
}

.sug-search li {
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 26px;
    padding-right: 26px
}

.sug-search .ui--suggest__em {
    font-weight: 800
}

.sug-search .ui--suggest__light {
    color: #929292;
    font-size: 12px;
    margin-left: 12px
}

.sug-search .sug-select {
    background-color: #f9fbfc
}

.sug-search .ui--suggest__oneline {
    width: 710px;
    display: inline-block
}

.search {
    margin-top: 20px;
    margin-bottom: 24px;
    position: relative;
    width: 1150px
}

.search .search__wrap {
    display: inline-block;
    width: 710px;
    line-height: 46px;
    font-size: 14px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2)
}

.search .search__button, .search .search__input, .search .search__wrap {
    height: 44px
}

.search .search__input {
    width: 668px;
    padding: 16px 23px 17px;
    box-sizing: border-box;
    border-width: 0;
    font-size: 13px
}

.search .search__input::-webkit-input-placeholder {
    color: #a9a9a9
}

.search .search__button {
    width: 38px;
    height: 38px;
    margin-top: 3px;
    margin-left: 4px;
    color: transparent;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/search.jpg?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .search .search__button {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/search@2x.jpg?v=1623729247335)
    }
}

.search .search__button {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/search.jpg?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/search@2x.jpg?v=1623729247335") 2x);
    background-size: contain
}

.search .sug-search {
    top: 46px;
    left: 0;
    width: 710px
}

.search .sug-search p {
    background-color: #f4f7f9
}

.search .sug-search li, .search .sug-search p {
    padding-left: 13px;
    padding-right: 13px
}

.search .sug-search .ui--suggest__oneline {
    width: 210px
}

.search .sug-search .ui--suggest__oneline--long {
    width: 100%
}

.filter {
    padding-top: 15px;
    position: relative
}

.filter .filter__wrapper {
    width: 1150px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

.filter ul {
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 3px;
    position: relative;
    padding-left: 60px
}

.filter input {
    width: 46px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-left: 6px;
    margin-right: 6px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px
}

.filter input:focus {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .12);
    border-color: #b2b2b2
}

.filter .filter__item--more {
    width: 100px;
    height: 30px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -50px;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    color: #5680a6;
    cursor: pointer;
    background: #fff
}

.filter .filter__item--more .more-icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 8px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up.png?v=1623729247335) no-repeat 50%;
    background-size: 13px
}

.filter .filter__item--more .more-icon.up {
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .filter .filter__item--more .more-icon.up {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up@2x.png?v=1623729247335)
    }
}

.filter .filter__item--more .more-icon.up {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up@2x.png?v=1623729247335") 2x);
    transform: rotate(180deg)
}

.filter .filter__item--more .more-icon.down {
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .filter .filter__item--more .more-icon.down {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up@2x.png?v=1623729247335)
    }
}

.filter .filter__item--more .more-icon.down {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/more_up@2x.png?v=1623729247335") 2x)
}

.filter .filter__button {
    color: #3072f6;
    font-weight: 700;
    width: 30px;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px
}

.filter .filter__button:before {
    content: "确定"
}

.filter .filter__item--input {
    margin-top: 2px;
    margin-left: -2px;
    font-size: 12px
}

.filter .filter__item--noaside {
    padding-left: 0
}

.filter .filter__item--title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #4a4a4a;
    margin-right: 6px
}

.filter li {
    float: left;
    margin-top: 9px;
    margin-bottom: 9px;
    margin-right: 18px
}

.filter li a {
    display: block;
    color: #565656;
    font-size: 12px
}

.filter li a:hover {
    color: #3072f6
}

.filter .filter__item--aside {
    position: absolute;
    left: 0
}

.filter .filter__item--aside a {
    font-size: 14px;
    font-weight: 700
}

.filter .strong a {
    color: #3072f6 !important;
    font-weight: 700 !important
}

.filter .check a:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 6px;
    content: " ";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/check.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .filter .check a:before {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/check@2x.png?v=1623729247335)
    }
}

.filter .check a:before {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/check.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/check@2x.png?v=1623729247335") 2x);
    background-size: contain
}

.filter .checked a:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 6px;
    content: " ";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/checked.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .filter .checked a:before {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/checked@2x.png?v=1623729247335)
    }
}

.filter .checked a:before {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/checked.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/checked@2x.png?v=1623729247335") 2x)
}

.filter .filter__item--level1 {
    margin-right: 18px
}

.filter .filter__item--level1 a {
    font-size: 14px;
    color: #333;
    padding-right: 20px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/down.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .filter .filter__item--level1 a {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/down@2x.png?v=1623729247335)
    }
}

.filter .filter__item--level1 a {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/down.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/down@2x.png?v=1623729247335") 2x);
    background-size: contain
}

.filter .filter__item--level1.down a {
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/up.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .filter .filter__item--level1.down a {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/up@2x.png?v=1623729247335)
    }
}

.filter .filter__item--level1.down a {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/up.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/up@2x.png?v=1623729247335") 2x)
}

.filter .filter__item--level2 {
    margin-right: 24px
}

.filter .filter__item--level2.filter__item--aside a {
    font-weight: 400
}

.filter .filter__item--level2 a {
    font-size: 14px;
    color: #101d37
}

.filter .filter__item--level3 {
    margin-right: 20px
}

.filter .filter__item--level3 a {
    font-size: 12px;
    font-weight: 400 !important
}

.filter .filter__item--level3.filter__item--aside a {
    font-weight: 400
}

.content {
    overflow: hidden;
    margin-bottom: 62px;
    width: 1150px
}

.content .content__article {
    float: left;
    width: 850px
}

.content .content__aside {
    float: right;
    width: 170px;
    margin-top: 105px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.content .content__aside .download {
    margin-bottom: 64px;
    text-align: center
}

.content .content__aside .download .qr-code {
    margin-top: 28px
}

.content .content__aside .download .qr-code .title {
    color: #101d37;
    font-size: 16px;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 10px
}

.content .content__aside .download .qr-code .text {
    font-size: 12px;
    color: #101d37
}

.content .content__aside .download .qr-code .text p {
    margin-bottom: 4px;
    height: 16px;
    line-height: 16px
}

.content .content__aside .download .qr-code .text p a {
    color: #9399a5
}

.content .content__aside .download .qr-code .text p a img {
    margin: -3px 0 0 3px
}

.content .content__article .content__title {
    font-size: 16px;
    color: #101d37;
    margin-top: 30px;
    margin-bottom: 14px;
    font-weight: 700
}

.content .content__article .content__title--hl {
    font-weight: 700;
    color: #3072f6
}

.content .content__article .content__title--aside {
    float: right
}

.content .content__article .content__title--aside a {
    color: #5680a6;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400
}

.content .content__filter {
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #eee
}

.content .content__filter li {
    float: left
}

.content .content__filter a {
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    color: #4a4a4a;
    margin-right: 37px;
    padding-bottom: 15px;
    padding-top: 16px;
    margin-bottom: -1px
}

.content .content__filter .content__filter--selected a, .content .content__filter .content__filter-down a, .content .content__filter .content__filter-up a {
    color: #3072f6;
    border-bottom: 2px solid #3072f6;
    background-position: right 17px;
    background-repeat: no-repeat
}

.content .content__filter .content__filter-up a {
    padding-right: 8px;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/i_up.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .content .content__filter .content__filter-up a {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/i_up@2x.png?v=1623729247335)
    }
}

.content .content__filter .content__filter-up a {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/i_up.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/i_up@2x.png?v=1623729247335") 2x)
}

.content .content__filter .content__filter-down a {
    padding-right: 8px;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/i_down.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .content .content__filter .content__filter-down a {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/i_down@2x.png?v=1623729247335)
    }
}

.content .content__filter .content__filter-down a {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/i_down.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/i_down@2x.png?v=1623729247335") 2x)
}

.content .content__list .content__list--item {
    padding: 30px 0;
    position: relative
}

.content .content__list .content__list--item:hover .content__list--item--title {
    color: #3072f6
}

.content .content__list .content__list--item > a.link {
    display: block;
    position: absolute;
    width: 100%;
    height: 122px;
    z-index: 2
}

.content .content__list .content__list--item--aside {
    position: relative;
    height: 122px;
    width: 160px;
    float: left;
    border-radius: 5px;
    overflow: hidden
}

.content .content__list .content__list--item--aside img {
    width: 100%;
    height: 100%
}

.content .content__list .content__list--item--aside .content__list--item--ad {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6);
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px 0 4px 0
}

.content .content__list .content__list--item--main {
    margin-left: 190px;
    position: relative
}

.content .content__list .content__list--item--title {
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.content .content__list .content__list--item--title a {
    display: inline-block;
    max-width: 450px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    color: #101d37;
    font-family: HiraginoSansGB-W6
}

.content .content__list .content__list--item--title a .content__list--item--maintitle {
    color: #3d709b
}

.content .content__list .content__list--item--title img {
    margin-left: 8px;
    width: 61px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: top
}

.content .content__list .content__list--item--title .free-tag {
    display: inline-block;
    font-family: PingFangSC-Semibold;
    font-size: 13px;
    line-height: 13px;
    padding: 5px;
    margin-left: 8px;
    border-radius: 2px
}

.content .content__list .content__list--item--des, .content .content__list .content__list--item--des a {
    font-size: 14px;
    color: #9399a5;
    font-weight: 700
}

.content .content__list .content__list--item--des {
    margin-bottom: 16px
}

.content .content__list .content__list--item--des > a:hover {
    text-decoration: underline
}

.content .content__list .content__list--item--des .room__left {
    color: #fa5741
}

.content .content__list .content__list--item--des i {
    font-weight: 400;
    color: #ccc;
    margin-left: 8px;
    margin-right: 8px
}

.content .content__list .content__list--item--throughcardes {
    font-size: 14px;
    color: #9399a5;
    margin-bottom: 11px
}

.content .content__list .content__list--item--brand {
    line-height: 14px
}

.content .content__list .content__list--item--brand .brand {
    margin-bottom: 16px;
    color: #9399a5;
    font-family: HiraginoSansGB-W3;
    font-size: 14px;
    margin-right: 10px
}

.content .content__list .content__list--item--brand .brand a {
    color: #9399a5;
    font-size: 14px;
    margin-right: 12px
}

.content .content__list .content__list--item--brand .content__list--item--time {
    color: rgba(16, 29, 55, .3);
    font-size: 12px
}

.content .content__list .content__list--item--brand .content__list--item--time:before {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/time.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .content .content__list .content__list--item--brand .content__list--item--time:before {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/time@2x.png?v=1623729247335)
    }
}

.content .content__list .content__list--item--brand .content__list--item--time:before {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/time.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/list/time@2x.png?v=1623729247335") 2x);
    background-size: contain;
    margin-right: 9px
}

.content .content__list .content__list--item--rankboard {
    width: 195px;
    font-size: 14px;
    color: #c48921;
    display: flex;
    align-items: center;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #f0f0f0
}

.content .content__list .content__list--item--rankboard .content__list--item--rankboard-icon {
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 8px
}

.content .content__list .throughcar--num {
    float: right;
    margin-top: 5px;
    color: #3d709b
}

.content .content__list .content__list--item--bottom {
    height: 24px;
    margin-bottom: 16px
}

.content .content__list .content__list--item--bottom i {
    display: inline-block;
    font-family: HiraginoSansGB-W3;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #849aae;
    background-color: rgba(132, 154, 174, .1);
    border-radius: 2px;
    margin-right: 6px;
    padding: 0 11px
}

.content .content__list .content__list--item-price {
    position: absolute;
    right: 0;
    top: 0;
    font-family: PingFangSC-Semibold;
    color: #fa5741;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

.content .content__list .content__list--item-price em {
    font-size: 24px;
    font-family: Tahoma
}

.content .content__empty {
    height: 217px;
    padding-top: 60px;
    text-align: center;
    font-size: 16px;
    padding-bottom: 120px
}

.content .content__empty p {
    text-align: center;
    margin-bottom: 30px
}

.content .content__empty1 {
    padding: 50px;
    font-size: 18px;
    color: #888c8e;
    line-height: 30px;
    text-align: center;
    margin: 80px auto 50px
}

.content .content__empty--hl {
    color: #101d37
}

.content .content__pg {
    float: right;
    margin-right: -8px;
    margin-top: 37px;
    height: 28px;
    min-width: 1px
}

.content .content__pg a, .content .content__pg span {
    float: left;
    margin-right: 8px
}

.content .content__pg a {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    height: 26px;
    font-family: HelveticaNeue;
    font-size: 12px;
    color: #666;
    line-height: 26px;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px
}

.content .content__pg .next {
    padding: 0 12px;
    background: #3072f6;
    color: #fff;
    border: 0
}

.content .content__pg .cur {
    color: #fff;
    background: #3072f6;
    cursor: default;
    border-color: #3072f6
}

.content .content__pg .disable {
    cursor: default;
    color: #ccc
}

.vr-logo {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 45px;
    height: 45px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/flat/vr-animation.png?v=1623729247335) no-repeat;
    background-size: 100%;
    -webkit-animation: vrIcon 3.5s steps(53) infinite;
    animation: vrIcon 3.5s steps(53) infinite;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 50%
}

@-webkit-keyframes vrIcon {
    0%, 20% {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

@keyframes vrIcon {
    0%, 20% {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

.bottom {
    padding-top: 60px;
    overflow: hidden
}

.bottom .bottom__list--title {
    font-size: 24px;
    line-height: 33px;
    font-weight: 700
}

.bottom .bottom__list--title a {
    color: #363636
}

.bottom .bottom__list--wrapper {
    overflow: hidden
}

.bottom .bottom__list--wrapper .bottom__list--hide {
    display: none
}

.bottom .bottom__list--wrapper .bottom__list--item {
    width: 266px;
    height: 287px;
    margin-top: 30px;
    margin-right: 28px;
    float: left
}

.bottom .bottom__list--wrapper .bottom__list--item.margin0, .bottom .bottom__list--wrapper .bottom__list--item:nth-child(4n) {
    margin-right: 0
}

.bottom .bottom__list--wrapper .bottom__list--item .bottom__list--good {
    position: absolute;
    left: 0;
    top: 0;
    width: 86px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 0
}

.bottom .bottom__list--wrapper .bottom__list--item a {
    color: #363636;
    display: inline-block;
    position: relative
}

.bottom .bottom__list--wrapper .bottom__list--item a .bottom__list--item--ad {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6);
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px 0 4px 0
}

.bottom .bottom__list--wrapper .bottom__list--item img {
    width: 266px;
    height: 199px;
    border-radius: 4px
}

.bottom .bottom__list--wrapper .bottom__list--item:last-child {
    margin-right: 0
}

.bottom .bottom__list--wrapper .bottom__list--item__des {
    position: relative;
    font-size: 16px;
    margin-top: 15px;
    color: #101d37;
    line-height: 22px;
    height: 22px;
    white-space: nowrap;
    font-weight: 700
}

.bottom .bottom__list--wrapper .bottom__list--item__des span:first-child {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    letter-spacing: -1px
}

.bottom .bottom__list--wrapper .bottom__list--item__des span:first-child a {
    display: inline
}

.bottom .bottom__list--wrapper .bottom__list--item__des span:first-child a:hover {
    text-decoration: underline
}

.bottom .bottom__list--wrapper .bottom__list--item--hl {
    font-size: 14px;
    color: #fa5741;
    line-height: 20px;
    position: absolute;
    right: 0
}

.bottom .bottom__list--wrapper .bottom__list--item__btm {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
    color: #9399a5
}

.bottom .bottom__list--wrapper .bottom__list--item__btm:last-child {
    margin-top: 4px
}

.bottom .bottom__list--wrapper .bottom__list--item__btm a {
    color: #9399a5
}

.bottom .recommand__more--btn {
    height: 50px;
    line-height: 50px;
    color: #101d37;
    font-size: 14px;
    border: 1px solid #d9dcde;
    border-radius: 2px;
    text-align: center;
    margin-top: 40px;
    cursor: pointer
}

.bread__nav, .bread__nav a {
    font-size: 12px;
    color: #929292
}

.bread__nav {
    text-align: left;
    width: 1150px;
    margin-top: 25px
}

.bread__nav h1 {
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    display: inline;
    position: relative
}

.bread__nav .bread__nav__wrapper {
    max-width: 320px;
    display: inline;
    position: relative
}

.search__area {
    width: 100%;
    min-width: 1150px;
    height: 155px;
    padding: 25px 0;
    background: #f5f5f6;
    box-sizing: border-box
}

.beike__nav {
    width: 1150px;
    height: 30px;
    margin: 0 auto 27px
}

.beike__nav .beike__nav--logo {
    width: 138px;
    height: 30px;
    display: inline-block;
    margin-right: 50px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/logo.png?v=1623729247335) no-repeat 50%/contain;
    background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/logo.png?v=1623729247335)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .beike__nav .beike__nav--logo {
        background-image: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/logo@2x.png?v=1623729247335)
    }
}

.beike__nav .beike__nav--logo {
    background-image: -webkit-image-set(url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/logo.png?v=1623729247335") 1x, url("https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/logo@2x.png?v=1623729247335") 2x);
    vertical-align: bottom
}

.beike__nav .beike__nav--tab, .beike__nav .beike__nav--tab li {
    display: inline-block;
    vertical-align: bottom
}

.beike__nav .beike__nav--tab li {
    line-height: 25px;
    font-size: 16px;
    margin-right: 30px;
    position: relative;
    font-weight: 700
}

.beike__nav .beike__nav--tab li a {
    color: #101d37
}

.beike__nav .beike__nav--tab li a.cur, .beike__nav .beike__nav--tab li a:hover {
    color: #3072f6
}

.beike__nav .beike__nav--tab .beike__nav--code .beike__nav--qrcode {
    display: none;
    position: absolute;
    z-index: 100;
    top: 32px;
    left: 0;
    width: 150px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 8px 0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    margin-left: -18px
}

.beike__nav .beike__nav--tab .beike__nav--code:hover .beike__nav--qrcode {
    display: block
}

.beike__nav .beike__nav--tab .beike__nav--code .nav-list {
    width: 120px;
    position: absolute;
    top: 30px;
    text-align: center;
    display: none;
    opacity: 0;
    transition: all .5s cubic-bezier(.34, 1.21, .4, 1);
    transform-origin: 50% 0;
    transform: translateY(0) scale(0)
}

.beike__nav .beike__nav--tab .beike__nav--code:hover .nav-list {
    opacity: 1;
    display: block;
    pointer-events: auto;
    transform: translateY(0) scale(1)
}

.beike__nav .beike__nav--tab .beike__nav--code:hover .nav-list a:hover {
    color: #3072f6
}

.beike__nav .beike__nav--tab .beike__nav--code:hover img {
    width: 100px;
    height: 100px
}

.beike__nav .beike__nav--tab .beike__nav--code:hover .beike__nav--qrcode {
    padding: 15px 0;
    width: 150px;
    color: #101d37
}

.beike__nav .beike__nav--tab .beike__nav--code:hover .QRcode-img {
    width: 120px;
    height: 120px
}

.beike__nav .beike__nav--tab .beike__nav--gr .nav-list {
    display: none;
    width: 270px;
    height: 370px;
    background: #fff;
    padding: 15px;
    position: absolute;
    top: 30px;
    left: -100px;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1)
}

.beike__nav .beike__nav--tab .beike__nav--gr .nav-list img {
    width: 100%;
    height: 100%
}

.beike__nav .beike__nav--tab .beike__nav--gr:hover .nav-list {
    display: block
}

.footer {
    background-color: #fff;
    font-size: 14px;
    margin-top: 40px
}

.footer .footer__wrapper {
    border-top: 1px solid #e4e6f0;
    padding: 30px 0 80px
}

.footer .footer__wrapper .footer__top {
    line-height: 25px;
    margin-bottom: 25px;
    position: relative;
    padding-right: 150px
}

.footer .footer__wrapper .footer__top .footer__light {
    font-size: 16px;
    font-weight: 700;
    height: 25px;
    overflow: hidden;
    white-space: normal
}

.footer .footer__wrapper .footer__top .footer__light li, .footer .footer__wrapper .footer__top .footer__light li a {
    display: inline-block;
    color: #101d37;
    margin-right: 10px
}

.footer .footer__wrapper .footer__top .footer__aside {
    color: #3072f6;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.footer .footer__wrapper .footer__top .footer__aside span {
    font-weight: 700
}

.footer .footer__wrapper .footer__middle {
    line-height: 20px;
    color: #101d37;
    margin-bottom: 22px
}

.footer .footer__wrapper .footer__middle ul {
    margin-bottom: 9px;
    white-space: normal
}

.footer .footer__wrapper .footer__middle ul li, .footer .footer__wrapper .footer__middle ul li a {
    display: inline-block;
    margin-right: 10px;
    color: #707787;
    cursor: pointer
}

.footer .footer__wrapper .footer__middle ul .cur {
    color: #101d37
}

.footer .footer__wrapper .footer__middle ul:first-child {
    margin-bottom: 14px
}

.footer .footer__wrapper .footer__middle ul[data-el=parentList] a:hover {
    color: #101d37
}

.footer .footer__wrapper .footer__middle ul[data-el=childrenList] {
    display: none
}

.footer .footer__wrapper .footer__middle ul[data-el=childrenList] li, .footer .footer__wrapper .footer__middle ul[data-el=childrenList] li a {
    color: #b7bbc3
}

.footer .footer__wrapper .footer__middle ul[data-el=childrenList] a:hover {
    text-decoration: underline
}

.footer .footer__wrapper .footer__bottom {
    color: #b7bbc3;
    line-height: 20px
}

.footer .footer__wrapper .footer__bottom:first-child {
    margin-bottom: 7px
}

body {
    height: auto;
    position: relative
}

.pop-large {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 30px;
    text-align: center;
    z-index: 10000;
    overflow-y: auto;
    background: rgba(0, 0, 0, .5)
}

.pop-large .pop-img {
    width: 90%;
    height: auto;
    margin-top: 50px
}

.pop-large .pop-close {
    width: 20px;
    height: 20px;
    position: fixed;
    top: 30px;
    right: 5%;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/flat/close.png?v=1623729247335) no-repeat 50%/contain
}

.duty-pop {
    position: absolute;
    right: 0;
    left: auto;
    top: 20px;
    height: 520px;
    width: 500px;
    text-align: center;
    overflow-y: auto;
    z-index: 3;
    padding: 20px 20px 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    color: #586173;
    font-weight: 400;
    white-space: normal !important;
    display: none
}

.duty-pop img {
    width: 460px;
    margin-bottom: 20px
}

.duty-pop p {
    text-align: left;
    margin-bottom: 20px
}

.content_community_baseInfo {
    width: 100%;
    margin-top: 56px;
    margin-bottom: 24px;
    position: relative;
    display: flex
}

.content_community_baseInfo .left {
    flex: 1;
    border-left: 1px solid #f8f8f9;
    padding-left: 40px
}

.content_community_baseInfo .left .pic {
    height: 72px;
    width: 72px;
    background: #ccc;
    border-radius: 50%;
    position: relative;
    float: left;
    overflow: hidden
}

.content_community_baseInfo .left .pic .agentImg {
    width: 72px
}

.content_community_baseInfo .left .info {
    height: 72px;
    width: calc(100% - 87px);
    position: relative;
    float: left;
    padding-left: 15px
}

.content_community_baseInfo .left .info .name {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 6px;
    color: #101d37;
    letter-spacing: 0;
    position: relative
}

.content_community_baseInfo .left .info .tel {
    line-height: 25px;
    width: 100%;
    margin-bottom: 2px
}

.content_community_baseInfo .left .info .tel .span {
    min-width: 134px;
    max-width: 220px;
    height: 40px;
    text-align: center;
    font-family: HiraginoSansGB-W6;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background: #3072f6;
    border-radius: 2px;
    padding: 13px;
    box-sizing: border-box;
    line-height: 14px;
    display: inline-block
}

.content_community_baseInfo .left .info .tel .span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    vertical-align: top;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/detail/phone.png?v=1623729247335) no-repeat 50%/contain
}

.content_community_baseInfo .left .info .tips {
    font-size: 13px;
    line-height: 16px
}

.content_community_baseInfo .left .info .tips > span {
    font-family: PingFangSC-Regular;
    color: #9399a5;
    letter-spacing: 0
}

.content_community_baseInfo .right {
    flex: 1;
    padding-right: 40px
}

.content_community_baseInfo .right .communityInfo {
    position: relative
}

.content_community_baseInfo .right .communityInfo > span.sec1 {
    line-height: 28px;
    font-size: 20px;
    font-weight: 900;
    font-family: PingFangSC-Semibold;
    color: #101d37;
    letter-spacing: 0
}

.content_community_baseInfo .right .communityInfo > span.sec2 {
    display: inline-block;
    padding-left: 10px;
    color: #9399a5;
    font-family: PingFangSC-Regular
}

.content_community_baseInfo .right .communityInfo > span.sec2 .alink {
    text-decoration: none;
    color: #9399a5
}

.content_community_baseInfo .right .communityInfo > span.sec2 .alink:hover {
    text-decoration: underline
}

.content_community_baseInfo .right .communityInfo > span.sec2 .info {
    font-size: 14px;
    color: #3072f6;
    position: absolute;
    right: 0;
    bottom: 4px
}

.content_community_baseInfo .right .communityInfo > span.sec2 .info:hover {
    text-decoration: underline
}

.content_community_baseInfo .right .t1 {
    width: 100%;
    line-height: 20px;
    margin-top: 7px;
    font-size: 14px;
    color: #101d37;
    font-family: PingFangSC-Regular
}

.content_community_baseInfo .right .landlord_entry {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #101d37
}

.content_community_baseInfo .right .landlord_entry .entry_link {
    position: absolute;
    right: 0;
    top: -10px;
    height: 26px;
    padding: 2px 8px;
    text-align: center;
    background: #fff;
    border: 1px solid #3072f6;
    border-radius: 2px;
    color: #3072f6;
    box-sizing: border-box
}

.contact__im:after {
    margin-left: 6px;
    position: absolute;
    bottom: 5px;
    content: " ";
    display: inline-block;
    height: 20px;
    width: 76px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/detail/im@2x.png?v=1623729247335) no-repeat;
    background-size: cover
}

.fix-bottom-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 155px;
    background: #f4f8ff;
    z-index: 100;
    display: none
}

.fix-bottom-wrap .bottom-content {
    width: 1150px;
    margin: 0 auto;
    display: flex
}

.fix-bottom-wrap .bottom-content .left-img {
    width: 338px;
    height: 100%;
    margin-right: 11px
}

.fix-bottom-wrap .bottom-content .middle-text {
    width: 197px;
    line-height: 54px;
    font-family: PingFangSC-Medium;
    font-size: 39px;
    color: #17345b;
    padding-top: 28px;
    margin-right: 39px
}

.fix-bottom-wrap .bottom-content .right-percent {
    width: 446px;
    padding-top: 34px;
    position: relative
}

.fix-bottom-wrap .bottom-content .right-percent.no-login {
    padding-top: 12px
}

.fix-bottom-wrap .bottom-content .right-percent .top-text {
    font-size: 18px;
    color: #17345b;
    margin-bottom: 12px;
    line-height: 25px;
    font-family: PingFangSC-Regular
}

.fix-bottom-wrap .bottom-content .right-percent .top-text .red-text {
    color: red;
    display: none
}

.fix-bottom-wrap .bottom-content .right-percent .close {
    position: absolute;
    right: 0;
    top: 19px;
    width: 17px;
    height: 17px;
    background: url(https://s1.ljcdn.com/matrix_pc/dist/pc/src/resource/img/icon_close@2x.png?v=1623729247335) no-repeat;
    background-size: 17px 17px;
    cursor: pointer
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .login .bottom-form-item {
    width: 327px;
    height: 46px;
    border: 1px solid #17345b;
    padding-left: 11px;
    box-sizing: border-box;
    font-size: 18px
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .login .bottom-form-item::-webkit-input-placeholder {
    font-size: 18px;
    color: #c2cddf;
    font-family: PingFangSC-Regular
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .login .bottom-form-item:-moz-placeholder, .fix-bottom-wrap .bottom-content .right-percent .form-user-info .login .bottom-form-item::-moz-placeholder {
    font-size: 18px;
    color: #c2cddf;
    font-family: PingFangSC-Regular
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .login .bottom-form-item:-ms-input-placeholder {
    font-size: 18px;
    color: #c2cddf;
    font-family: PingFangSC-Regular
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .login .submit-btn {
    width: 119px;
    height: 48px;
    background: #17345b;
    color: #fff;
    margin-left: -6px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    position: relative;
    top: 2px;
    cursor: pointer
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .not-login-phone {
    position: relative
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .not-login-phone .bottom-form-phone {
    width: 100%
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .not-login-phone .send-msg-code {
    position: absolute;
    right: 10px;
    height: 46px;
    line-height: 46px;
    cursor: pointer
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .bottom-form-item {
    width: 327px;
    height: 46px;
    border: 1px solid #17345b;
    padding-left: 11px;
    box-sizing: border-box;
    font-size: 18px
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .bottom-form-item::-webkit-input-placeholder {
    font-size: 18px;
    color: #c2cddf;
    font-family: PingFangSC-Regular
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .bottom-form-item:-moz-placeholder, .fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .bottom-form-item::-moz-placeholder {
    font-size: 18px;
    color: #c2cddf;
    font-family: PingFangSC-Regular
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .bottom-form-item:-ms-input-placeholder {
    font-size: 18px;
    color: #c2cddf;
    font-family: PingFangSC-Regular
}

.fix-bottom-wrap .bottom-content .right-percent .form-user-info .not-login .submit-btn {
    width: 119px;
    height: 48px;
    background: #17345b;
    color: #fff;
    margin-left: -6px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    position: relative;
    top: 2px;
    cursor: pointer
}

.list-recommend {
    width: 170px;
    color: #101d37
}

.list-recommend > p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: HiraginoSansGB-W6;
    font-weight: 700
}

.list-recommend .recommend-item {
    line-height: 1;
    font-size: 13px;
    font-family: HiraginoSansGB-W3;
    margin-bottom: 24px
}

.list-recommend .recommend-item img {
    width: 100%;
    height: 127px;
    margin-bottom: 16px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.list-recommend .recommend-item .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: #101d37;
    line-height: 1
}

.list-recommend .recommend-item .desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9399a5;
    margin-bottom: 8px
}

.list-recommend .recommend-item .price {
    line-height: 1;
    color: #fa5741;
    font-size: 16px;
    font-family: HiraginoSansGB-W6;
    margin-top: 4px;
    margin-bottom: 3px
}

.list-recommend .recommend-item .tips {
    position: relative;
    padding: 10px 12px;
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #849aae;
    background: rgba(237, 240, 243, .5);
    border-radius: 0 5px 5px 5px
}

.list-recommend .recommend-item .tips:after, .list-recommend .recommend-item .tips:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: -10px;
    left: 0;
    background: #fff
}

.list-recommend .recommend-item .tips:before {
    background: rgba(237, 240, 243, .5)
}

.list-recommend .recommend-item .tips:after {
    border-radius: 0 0 0 10px
}

.ui__toast {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 11000;
    transform: translate(-50%, -50%)
}

.ui__toast .ui__toast__content {
    min-width: 8.125rem;
    max-width: 12.5rem;
    background-color: rgba(0, 0, 0, .7);
    border-radius: .625rem;
    text-align: center;
    padding: 0 .625rem 1rem;
    color: #fff
}

.ui__toast .ui__toast__icon {
    min-width: 5rem;
    min-height: 5rem
}

.ui__toast .ui__toast__icon--error, .ui__toast .ui__toast__icon--warn {
    display: block;
    position: relative;
    width: 5rem;
    height: 5rem;
    margin: 1.875rem auto 0;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer
}

.ui__toast .ui__toast__icon--error:after, .ui__toast .ui__toast__icon--error:before, .ui__toast .ui__toast__icon--warn:after {
    content: " ";
    border-radius: .125rem;
    background-color: #fff;
    position: absolute;
    left: 50%
}

.ui__toast .ui__toast__icon--error:after, .ui__toast .ui__toast__icon--error:before {
    width: .125rem;
    height: 70%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: .125rem
}

.ui__toast .ui__toast__icon--error:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ui__toast .ui__toast__icon--success {
    display: block;
    width: 3.6rem;
    height: 2rem;
    border-left: .125rem solid #fff;
    border-bottom: .125rem solid #fff;
    transform: translate(2.25rem, .5rem) rotate(-45deg)
}

.ui__toast .ui__toast__icon--warn {
    width: 2.5rem;
    height: 2.5rem;
    border: .125rem solid #fff;
    transform: translateY(1.25rem)
}

.ui__toast .ui__toast__icon--warn:before {
    position: absolute;
    content: " ";
    width: .125rem;
    height: 50%;
    background-color: #fff;
    top: .3125rem;
    left: 50%;
    margin-left: -.0625rem
}

.ui__toast .ui__toast__icon--warn:after {
    width: .25rem;
    height: .25rem;
    border-radius: .125rem;
    top: 72%;
    margin-left: -.125rem
}

.ui__toast .ui__toast__msg {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400
}

.ui__confirm--bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 9998
}

.ui__confirm {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    max-width: 90%;
    min-width: 70%
}

.ui__confirm .ui__confirm__content {
    width: 100%;
    background-color: #fff;
    border-radius: .25rem;
    text-align: center
}

.ui__confirm .ui__confirm__content .ui__confirm__title {
    font-size: 1rem;
    font-weight: 700;
    padding-top: 1.4375rem
}

.ui__confirm .ui__confirm__content .ui__confirm__msg {
    padding: .9375rem 1.8125rem 1.9375rem
}

.ui__confirm .ui__confirm__content .ui__confirm__button--wrapper {
    border-top: 1px solid #e9e9e9
}

.ui__confirm .ui__confirm__content .ui__confirm__button {
    width: 50%;
    display: inline-block;
    text-align: center;
    height: 3.1875rem;
    line-height: 3.1875rem;
    font-size: .9375rem;
    color: #3072f6;
    cursor: pointer
}

.ui__confirm .ui__confirm__content .ui__confirm__button--cancel {
    border-right: 1px solid #e9e9e9
}

.ui__custom--bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 9998
}

.ui__custom {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    background: #fff;
    transform: translate(-50%, -50%);
    width: 40%;
    border-radius: 2px;
    text-align: center
}

.ui__custom .ui__custom__content {
    height: 100%
}